<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后代/子代选择器</title>
  <style>
    .nav>li{
      background-color: #4f8dfe;
      color: white;
    }
    .nav ul>li.it{
      font-size: 28px;
    }
    #aside>li{
        background-color: black;
        color: #999;
    }
  </style>
</head>
<body>
<ul class="nav">
  <li>首页</li>
  <li>直播课</li>
  <li>免费课</li>
  <li>
    <ul>
      <li>item1</li>
      <li class="it">item2</li>
      <li class="it">item3</li>
    </ul>
  </li>
</ul>
<ul id="aside">
  <li>前端/后端</li>
  <li>大数据/云计算</li>
  <li>移动/游戏</li>
</ul>
</body>
</html>